<template>
  <Portlet title="退款信息">
    <el-form label-position="left" label-width="120px">
      <el-row :gutter="15">
        <el-col :span="24">
          <el-form-item label="退款时间：">
            <span>{{refundArriveDate | unixTimestampFilter}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="退款金额：">
            <span>{{refundArriveAmount | decimalNumFilter}} 元</span>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="退款去向：">
            <span>钱包</span>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="订单状态：">
            <span>{{refundArriveOrderState === 1 ? '订单不关闭' : '订单关闭'}}</span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </Portlet>
</template>
<script>
import {dotData} from '@/utils'
import {unixTimestampFilter, decimalNumFilter} from '@/filters'

export default {
  name: 'refundInformation',
  components: {},
  filters: {
    unixTimestampFilter,
    decimalNumFilter
  },
  props: {
    refundDetail: {
      type: Object,
      required: true
    }
  },
  computed: {
    refundArriveDate() {
      return dotData(this.refundDetail, 'refundArriveDate')
    },
    refundArriveAmount() {
      return dotData(this.refundDetail, 'refundArriveAmount')
    },
    refundArriveOrderState() {
      return dotData(this.refundDetail, 'refundArriveOrderState')
    }
  }
}
</script>
